<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>暨大健康打卡代理</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <h1 class="h1">免费自助代打卡服务</h1>
    <br>
    <p>每天都要打卡觉得累、麻烦？</p>
    <p>这里，可以解决你的烦恼！！</p>
    <p>根据以下教程，将数据输入到最底下的文本框中并提交</p>
    <p>本服务就会在每天晚上0:00进行自动打卡，并发送邮件通知你</p>
    <p>邮件的发送可能会有一点延迟</p>
    <p>
        <strong>声明：</strong>
    </p>
    <p>
        <strong>本服务全程不涉及密码，仅使用打卡页面所填信息进行代打卡。免费使用。</strong>
    </p>
    <p>
        <Strong>非计算机专业、无计算机基础的读者也能看懂并使用。</strong>
    </p>
    
    <!-- 教程 -->
    <h3>获取提交数据的教程：</h3>
    <p>注意:获取提交数据需要手动打卡一次，因此要在当天打卡前进行操作</p>
    <p>首先，在电脑上用浏览器进入学校健康打卡的网址(推荐用Chrome浏览器)</p>
    <p>以下以Chrome浏览器为例进行数据的获取</p>
    <p>网址如下：</p>
    <p>https://stuhealth.jnu.edu.cn/#/login</p>
    <p>进入后可以看到如下页面，输入学号和密码进行登录</p>
    <img src="login.png" class="loginImg">
    <p>登录后可以看到如下页面，需在该页面输入打卡信息</p>
    <img src="healthInfo.png" class="infoImg">
    <p>输入完信息后别急着提交，在键盘上按下<strong>F12</strong>,出现下图界面</p>
    <img src="network.png" class="network">
    <p>点击红框处的<strong>Network</strong>，然后就可以提交打卡了</p>
    <p>提交完毕后，找到并点击下图红框中的<strong>main</strong>，右方界面滑动到最底部，点击红框中的<strong>view source</strong></p>
    <img src="main.png" class="mainImg">
    <p>点击完会出现下图红框中所示的一堆字</p>
    <img src="source.png" class="sourceImg">
    <p><strong>将这堆字全部复制！前后的大括号也不要放过！将这堆字保存下来。</strong></p>
    <p>这段文字就是要提交的数据！</p>
    <!-- 以下是提交数据部分 --> 
    <h3>数据提交</h3>
    <p>上面保存的数据就是下方要提交的打卡数据</p>
    <p>提交后会自动检查打卡数据是否完整</p>
    <p>邮箱不会进行检查，请确保邮箱正确，以防接收不到打卡提醒</p>
    <p>另外请设置一个保护密码，防止打卡代理被其他人不小心取消</p>
    <div class="form">
        <div class="num">
            <label for="ber">学号</label>
            <input type="text" id="ber">
        </div>
        <div class="over">
            <label for="postData">打卡数据</label>
            <input type="text" id="postData">
        </div>
        <div class="ma">
            <label for="email">邮箱</label>
            <input type="text" id="email">
        </div>
        <div>
            <label for="ps">保护密码</label>
            <input type="text" id="ps">
        </div>
        <div class="btnBox">
            <button id="btn">提交</button>
        </div>
    </div>
    <p>如果想要取消代打卡，请在下方输入相应信息</p>
    <p>如果要更改打卡提交信息，也请先取消代打卡并重新提交</p>
    <h3>取消代理打卡</h3>
    <p>注意：请准确提交要取消打卡的学号，以防影响到其他人的打卡代理</p>
    <div class="form2">
        <div class="num">
            <label for="ber2">学号</label>
            <input type="text" id="ber2">
        </div>
        <div class="pro">
            <label for="pp">保护密码</label>
            <input type="text" id="pp">
        </div>
        <div class="_2btnBox">
            <button id="_2btn">提交</button>
        </div>
    </div>
    <div class="code">关注我的公众号喔！</div>
    <img src="code.jpg" class="fixed">
    <form action="http://42.193.223.27:7070/healthAgent" method="POST"style="display: none;">
        <input type="text" id="number" name="number">
        <input type="text" id="formData" name="formData">
        <input type="text" id="sendEmail" name="sendEmail">
        <input type="text" name="psd" id="psd">
        <button type="submit" id="sub"></button>
    </form>
    <form action="http://42.193.223.27:7070/healthCancel" method="POST" style="display: none;">
        <input type="text" name="cancelNum" id="cancelNum">
        <input type="text" name="ppsd" id="ppsd">
        <button type="submit" id="su"></button>
    </form>
</body>
<script src="index.js"></script>
</html>